<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>业问主页</title>
    <script src="/config/serverInfo.js"></script>
    <script src="/js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <link rel="stylesheet" href="../../css/yewen.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">
            业问-专业解惑
        </div>
        <ul class="layui-nav layui-layout-left">
            <!-- 移动端显示 -->
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
            </li>
            <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">主页</a></li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;">
                    <img src="/images/userPhoto.jpg" class="layui-nav-img">
                    <span id="id" th:text="${id}">
                        123
                    </span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="../logout">登陆</a></dd>
                    <dd><a href="../logout">注销</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                <a href="javascript:;">
                    <i class="layui-icon layui-icon-more-vertical"></i>
                </a>
            </li>
        </ul>
    </div>

    <!-- 内容主体区域 -->
    <div class="content">
        <div id="logo"></div>
        <div class="searchBox">
            <button id='dropBtn' class="layui-btn layui-btn-lg layui-btn-normal layui-btn-radius">
                <span id='schoolOrPro' style="margin-left:-5px">学校</span>
                <i class="layui-icon layui-icon-triangle-d layui-font-12"></i>
            </button>
            <input id="schoolValue"  type="text" class="layui-input" style="display: inline !important;">
            <button id="searchButton" class="layui-btn layui-btn-lg layui-btn-normal"
                    style="display: inline !important; margin-left: -3px;">搜索</button>
        </div>
        <div id="rankBox">
            <div id="schoolRankBox" >
                <fieldset id="universityRanking" class="layui-elem-field layui-field-title " >
                </fieldset>
                <button class="layui-btn" style="margin-left: 214px" onclick="refreshUniversity()">刷新</button>
            </div>
            <div id="proRankBox">
                <fieldset id="majorRanking" class="layui-elem-field layui-field-title" >
                    <legend style="margin: auto; padding: 0 !important;">专业排名</legend>
                    <legend>1.会计学</legend>
                    <legend>2.视觉传达设计</legend>
                    <legend>3.国际贸易</legend>
                    <legend>4.金融学</legend>
                    <legend>5.法学</legend>
                </fieldset>
                <button class="layui-btn" style="margin-left: 214px" onclick="refreshMajor()">刷新</button>
            </div>
        </div>

    </div>

    <div class="layui-footer" style="margin-left: -195px;">
        <div>
                <span>
                    <a href="javascript:;">关于我们</a>
                </span>
            <span>
                    <a href="javascript:;">版权公告</a>
                </span>
        </div>
    </div>
</div>
</body>
<script src="/layui/layui.js"></script>
<script src="/js/yewen.js"></script>
</html>